page-client-renewal {
    .option-fixed{
        width:100%;
        top:0;
        background-color: #FCFCFC;
        z-index:2;
    }

    img{
        max-width:none;
    }
    .toolbar-ios{
        padding:0;
    }
    .toolbar-title-ios{
        color: #fff;
        font-size:5vw;
        font-weight: unset;
    }

    ion-header .toolbar-background-ios{
        background:linear-gradient(to right, #38b34d , #2c77bc);
    }
    .toolbar-content-ios{
        height:100%;
    }
    //.search-key-wrapper{
    //    background:linear-gradient(to right, #63b24c, #018c6e);
    //    border:none;
    //    border-radius:6vw;
    //    display:flex;
    //    align-items: center;
    //    width:88.89vw;
    //    height: 11.47vw;
    //    margin:8.3vw auto 0;
    //    box-shadow: 0 2vw 6vw 0.2vw #ddd;
    //
    //    i{
    //        width:4.5vw;
    //        height:4.5vw;
    //        margin:auto 3vw auto 2vw;
    //        background-image:url(../assets/images/client/client-list/icon_search.png);
    //        background-size:cover;
    //        background-repeat:no-repeat;
    //    }
    //    ion-input{
    //        flex:none;
    //        width:68vw;
    //        border:none;
    //        margin-left: 7.5vw;
    //    }
    //    input{
    //        width: 100%;
    //        height:7vw;
    //        border:none;
    //        font-size:3.89vw;
    //        margin-right: 0;
    //        color:#fff;
    //        &::placeholder{
    //            color:rgba(255,255,255,0.5);
    //        }
    //    }
    //}
    .scroll-content{
        padding: 0 3vw;
        background-color:#f5f5f5 !important;
    }
    ion-input{
        border-radius: 1vw;
        border: 0.23vw solid #e9e9e9;
    }

    .rightIcon{
        background-color: transparent;
        color: #07a963;
        position: absolute;
        right:3vw;
        top: 4vw;
        font-size: 4vw;
    }

    .item-block{
        border:none !important;
        background:#F5F5F5;
    }

    button{
        height: 7vw;
        margin: 0;
    }
    button.back{
        background:none;
        height: 100%;
        margin: 0;
        i{
            background-image: url('../assets/images/client/client-filter/icon_return.png');
            width: 8.5vw;
            height: 8vw;
            display: block;
            background-size: cover;
        }
    }
    button.menu{
        background:none;
        float:right;
        margin: 0;
        height: 100%;
        margin-right:5vw;
        img{
            width:7vw;
            height: 6.5vw;
            display: block;
        }
    }

    ion-list.list{
        width: 94vw;
        margin: 20.5vw auto 0 auto;
    }

    .fab-ios-light{
        background-color:#fff;
        width: 8.89vw;
        height: 8.89vw;
        padding:0;

        .go-up-icon{
            width: 8.89vw;
            height: 8.89vw;
            max-width: none;
        }
    }

    .option-wrapper-button{
        border-radius: 0;
        width: 100%;
        height: 20vw;
        background-color: transparent;
        &.activated{
            background-color: transparent;
        }
        .fab-close-icon{
            display:none;
        }
    }

    ion-refresher{
        z-index:1002;
        ion-refresher-content{
            background-color:#fff;
            height:135%;
        }
    }

    .select-ios {
        display: none;
    }

    .item.annual-fee.renewal{
        margin-top:1vw;
    }
}
